<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>♥ VoiceNote</title>
<script type="text/javascript">
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33614191-2']);
  _gaq.push(['_setDomainName', 'speech-to-text.org']);
  _gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
  </script>
<script type="text/javascript">
function checkcur(){return!0==document.getElementById("chkcur_btn").checked?!0:!1}function checkcap(){return!0==document.getElementById("chkcap_btn").checked?!0:!1}function replstr(a,b,d){var c=a;do a=c.length,c=c.replace(b,d);while(a!=c.length);return c}
function replpunct(a){for(var b=0;b<punctwords.length;b++)a=replstr(a,punctwords[b],punctchars[b]);return a}function checkprep(){return!0==document.getElementById("chkpunct_btn").checked?!0:!1}function speakadd(){var a=document.getElementById("speechel").value;checkprep()&&(a=replpunct(a));add_speech(a);}function enablerem(a){document.getElementById("rembtn").disabled=0==a?!0:!1}
function rem_speech(){var a=getdocel();-1!=lastpos&&(a.value=a.value.substr(0,lastpospre)+a.value.substr(lastpos,a.value.length),lastpos=lastpospre);enablerem(0)}
function getCaretPositions(a){var b=-1,d=0;if(a.selectionStart||"0"==a.selectionStart)b=a.selectionStart,d=a.selectionEnd,insertionS=-1==b?d:b,insertionE=d;else if(document.selection&&a.createTextRange){b=end=0;try{if(b=Math.abs(document.selection.createRange().moveStart("character",-1E7)),0<b)try{var c=Math.abs(a.createTextRange().moveEnd("character",-1E7)),e=document.body.createTextRange();e.moveToElementText(a);var f=Math.abs(e.moveStart("character",-1E7)),g=Math.abs(e.moveEnd("character",-1E7));
"input"!=a.tagName.toLowerCase()&&g-c==f&&(b-=f)}catch(h){}}catch(j){}try{if(end=Math.abs(document.selection.createRange().moveEnd("character",-1E7)),0<end)try{c=Math.abs(a.createTextRange().moveEnd("character",-1E7)),e=document.body.createTextRange(),e.moveToElementText(a),f=Math.abs(e.moveStart("character",-1E7)),g=Math.abs(e.moveEnd("character",-1E7)),"input"!=a.tagName.toLowerCase()&&g-c==f&&(end-=f)}catch(k){}}catch(l){}insertionS=b;insertionE=end}}
function support_speech_attribute(){var a=document.createElement("input");return"speech"in a||"webkitSpeech"in a}
function add_speech(a){var b=document.getElementById("docel");getCaretPositions(b);checkcap()&&(a=add_cap1(a));enablerem(1);""!=b.value?checkcur()?insertionS!=insertionE?(lastpospre=insertionS,b.value=b.value.substring(0,lastpospre)+a+b.value.substring(insertionE)):(lastpospre=insertionS,1<a.length?(b.value=b.value.substring(0,lastpospre)+" "+a+b.value.substring(lastpospre),lastpos=lastpospre+1+a.length):(b.value=b.value.substring(0,lastpospre)+a+b.value.substring(lastpospre),lastpos=lastpospre+a.length)):
(lastpospre=b.value.length,b.value="\n"!=b.value.charAt(b.value.length-1)&&1<a.length?b.value+" "+a:b.value+a,lastpos=b.value.length):(lastpospre=0,b.value=a,lastpos=a.length);activeEl="doc";checkcur();b.focus()}function getdocel(){return document.getElementById("docel")}
function add_punct(a){switch(a.value){case "\\n":a="\n";break;default:a=a.value}var b=getdocel();getCaretPositions(b);!checkcur()||-1==insertionS?(b.value+=a,lastpos=b.value.length):(b.value=b.value.substring(0,insertionS)+a+b.value.substring(insertionS),lastpos=insertionS);checkcur();b.focus()}
function add_cap1(a){var b=getdocel(),d=!0,c=checkcur()?insertionS-1:b.value.length-1;a:for(;0<c;c--)switch(b.value.charAt(c)){case " ":break;case "\n":case "!":case "?":case ".":d=!0;break a;default:d=!1;break a}d&&(a=a.charAt(0).toUpperCase()+a.substr(1));return a}
function add_cap(){var a=getdocel();getCaretPositions(a);var b=a.value.lastIndexOf(" ",insertionS),d=a.value.lastIndexOf("\n",insertionS),b=b>d?b:d;a.value=-1==b?a.value.charAt(0).toUpperCase()+a.value.substr(1):a.value.substr(0,b+1)+a.value.charAt(b+1).toUpperCase()+a.value.substr(b+2);checkcur();a.focus()}function clearContents(a){a.value=""} function SelectAll(a){document.getElementById(a).select("")}; function add_logo(a){var b=getdocel();b.value=b.value+"\n\n  "+a.value+"VoiceNote  https://chrome.google.com/webstore/detail/hfknjgplnkgjihghcidajejfmldhibfm"}var insertionS=0,insertionE=0,activeEl="doc",lastpos=0,lastpospre=0,punctwords=[],punctchars=[];
</script>
<script type="text/javascript" src="js/punct.js"></script>
<style type="text/css">
 .buttons{}.buttons:before,.buttons:after{content:"\*020";display:block;height:0;visibility:hidden}.buttons:after{clear:both}.buttons{zoom:1}button.left,.button.left{margin:2px 0 2px 2px;border-top-right-radius:0;border-bottom-right-radius:0}button.middle,.button.middle{margin:2px 0;border-radius:0}button.right,.button.right{margin:2px 2px 2px 0;border-top-left-radius:0;border-bottom-left-radius:0}button.on,.button.on{border-color:#BBB;box-shadow:inset 0 0 10px#D4D4D4}button.on:hover,.button.on:hover{border-color:#BBB;box-shadow:inset 0 0 10px#D4D4D4}button.on:active,.button.on:active{border-color:#4D90FE}button.action,.button.action{border:1px solid#D8D8D8!important;background:#F2F2F2;background:-webkit-linear-gradient(top,#F5F5F5,#F1F1F1);transition:border.20s}button.action:hover,.button.action:hover{border:1px solid#C6C6C6!important;background:#F3F3F3;background:-webkit-linear-gradient(top,#F8F8F8,#F1F1F1)}button.blue,.button.blue{border:1px solid#3079ED!important;background:#4B8DF8;background:-webkit-linear-gradient(top,#4C8FFD,#4787ED);-webkit-transition:border.20s}button.blue:hover,.button.blue:hover{border:1px solid#2F5BB7!important;background:#3F83F1;background:-webkit-linear-gradient(top,#4D90FE,#357AE8)}button.blue:active,.button.blue:active{background-color:#398A00;-webkit-box-shadow:inset 0 4px 4px rgba(0,0,0,0.3)}button.green,.button.green{border:1px solid#29691D!important;background:#3A8E00;background:-webkit-linear-gradient(top,#3C9300,#398A00);transition:border.20s}button.green:hover,.button.green:hover{border:1px solid#2D6200!important;background:#3F83F1;background:-webkit-linear-gradient(top,#3C9300,#368200)}button.red,.button.red{border:1px solid#D14836!important;background:#D64937;background:-webkit-linear-gradient(top,#DC4A38,#D14836);transition:border.20s}button.red:hover,.button.red:hover{border:1px solid#B0281A!important;background:#D14130;background:-webkit-linear-gradient(top,#DC4A38,#C53727)}button.action:hover,.button.action:hover{box-shadow:iset 0 1px 0px#DDD}button.action:active,.button.action:active{box-shadow:none!important;border-color:#C6C6C6!important}button.blue:active,.button.blue:active{border-color:#2F5BB7!important}button.green:active,.button.green:active{border-color:#2D6200!important}button.red:active,.button.red:active{border-color:#B0281A!important}.ddm span.label,button span.label,.button span.label{display:inline-block;float:left;line-height:17px;height:18px;padding:0 1px;overflow:hidden;color:#444;transition:color.20s}.ddm:active span.label,button:active span.label,.button:active span.label{color:#4D90FE}button:hover.label,.button:hover.label{color:#333}button:hover.label.red,.button:hover.label.red{color:#DB4A37}button:hover.label.blue,.button:hover.label.blue{color:#7090C8}button:hover.label.green,.button:hover.label.green{color:#42B449}button:hover.label.yellow,.button:hover.label.yellow{color:#F7CB38}button.blue.label,.button.blue.label{color:#FFF!important;text-shadow:0 1px 0#2F5BB7!important}button.green.label,.button.green.label{color:#FFF!important;text-shadow:0 1px 0#2D6200!important}button.red.label,.button.red.label{color:#FFF!important;text-shadow:0 1px 0#B0281A!important}button.action.label,.button.action.label{padding:0 17px!important}button.action:active.label,.button.action:active.label{color:#333!important}button.blue:active.label,button.green:active.label,button.red:active.label,.button.blue:active.label,.button.green:active.label,.button.red:active.label{color:#FFF!important}.ddm span.icon,button span.icon,.button span.icon{background-image:url( images/sprite-gray.png);display:inline-block;margin:0 7px;float:left;line-height:18px;height:18px;width:18px;max-width:18px;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;transition:background-image 0.20s linear}.ddm:hover span.icon,button:hover span.icon,.button:hover span.icon{background-image:url( images/sprite-colour.png)}div.dropdown{float:left;position:relative}div.dropdown span.toggle{width:19px;height:16px;margin-left:7px;margin-top:1px;margin-right:2px;padding-left:8px;float:right;background:url( images/toggle.png)top right no-repeat;border-left:1px solid#D9D9D9;transition:border-color.20s}div.dropdown span.toggle.active{background:url( images/toggle.png)bottom right no-repeat}div.dropdown button:hover span.toggle,.button:hover span.toggle{border-color:#C0C0C0}div.dropdown-slider{display:none;overflow:hidden;margin:0 7px 5px 7px;position:absolute;top:34px;right:0;background:#F2F2F2;border-right:solid 1px#D9D9D9;border-bottom:solid 1px#D9D9D9;border-left:solid 1px#D9D9D9;border-bottom-right-radius:2px;border-bottom-left-radius:2px;transition:border-color.20s}.left div.dropdown-slider{margin:0 1px 5px 7px}.middle div.dropdown-slider{margin:0 1px 5px 1px}.right div.dropdown-slider{margin:0 7px 5px 1px}div.dropdown-slider.ddm{display:block;background:#F2F2F2;color:#585858;text-decoration:none;text-shadow:0 1px 0#fff;font:bold 11px Helvetica,Arial,sans-serif;line-height:18px;height:18px;margin:0;padding:5px 6px 4px 6px;width:100%;float:left;border-top:1px solid#FFF;border-bottom:1px solid#D9D9D9}div.dropdown-slider.ddm:hover{background:#F4F4F4;border-bottom-color:#C0C0C0}div.dropdown-slider.ddm:active{border-bottom-color:#4D90FE;color:#4D90FE;box-shadow:inset 0 0 10px#D4D4D4}div.dropdown-slider.ddm:last-child{border-bottom:none} span.icon1{background-position: -0px -0px}span.icon2{background-position: -18px -0px}span.icon3{background-position: -36px -0px}span.icon4{background-position: -54px -0px}span.icon5{background-position: -72px -0px}span.icon6{background-position: -90px -0px}span.icon7{background-position: -108px -0px}span.icon8{background-position: -126px -0px}span.icon9{background-position: -144px -0px}span.icon10{background-position: -162px -0px}span.icon11{background-position: -180px -0px}span.icon12{background-position: -198px -0px}span.icon13{background-position: -216px -0px}span.icon14{background-position: -234px -0px}span.icon15{background-position: -252px -0px}span.icon16{background-position: -270px -0px}span.icon17{background-position: -288px -0px}span.icon18{background-position: -306px -0px}span.icon19{background-position: -324px -0px}span.icon20{background-position: -342px -0px}span.icon21{background-position: -0px -18px}span.icon22{background-position: -18px -18px}span.icon23{background-position: -36px -18px}span.icon24{background-position: -54px -18px}span.icon25{background-position: -72px -18px}span.icon26{background-position: -90px -18px}span.icon27{background-position: -108px -18px}span.icon28{background-position: -126px -18px}span.icon29{background-position: -144px -18px}span.icon30{background-position: -162px -18px}span.icon31{background-position: -180px -18px}span.icon32{background-position: -198px -18px}span.icon33{background-position: -216px -18px}span.icon34{background-position: -234px -18px}span.icon35{background-position: -252px -18px}span.icon36{background-position: -270px -18px}span.icon37{background-position: -288px -18px}span.icon38{background-position: -306px -18px}span.icon39{background-position: -324px -18px}span.icon40{background-position: -342px -18px}span.icon41{background-position: -0px -36px}span.icon42{background-position: -18px -36px}span.icon43{background-position: -36px -36px}span.icon44{background-position: -54px -36px}span.icon45{background-position: -72px -36px}span.icon46{background-position: -90px -36px}span.icon47{background-position: -108px -36px}span.icon48{background-position: -126px -36px}span.icon49{background-position: -144px -36px}span.icon50{background-position: -162px -36px}span.icon51{background-position: -180px -36px}span.icon52{background-position: -198px -36px}span.icon53{background-position: -216px -36px}span.icon54{background-position: -234px -36px}span.icon55{background-position: -252px -36px}span.icon56{background-position: -270px -36px}span.icon57{background-position: -288px -36px}span.icon58{background-position: -306px -36px}span.icon59{background-position: -324px -36px}span.icon60{background-position: -342px -36px}span.icon61{background-position: -0px -54px}span.icon62{background-position: -18px -54px}span.icon63{background-position: -36px -54px}span.icon64{background-position: -54px -54px}span.icon65{background-position: -72px -54px}span.icon66{background-position: -90px -54px}span.icon67{background-position: -108px -54px}span.icon68{background-position: -126px -54px}span.icon69{background-position: -144px -54px}span.icon70{background-position: -162px -54px}span.icon71{background-position: -180px -54px}span.icon72{background-position: -198px -54px}span.icon73{background-position: -216px -54px}span.icon74{background-position: -234px -54px}span.icon75{background-position: -252px -54px}span.icon76{background-position: -270px -54px}span.icon77{background-position: -288px -54px}span.icon78{background-position: -306px -54px}span.icon79{background-position: -324px -54px}span.icon80{background-position: -342px -54px}span.icon81{background-position: -0px -72px}span.icon82{background-position: -18px -72px}span.icon83{background-position: -36px -72px}span.icon84{background-position: -54px -72px}span.icon85{background-position: -72px -72px}span.icon86{background-position: -90px -72px}span.icon87{background-position: -108px -72px}span.icon88{background-position: -126px -72px}span.icon89{background-position: -144px -72px}span.icon90{background-position: -162px -72px}span.icon91{background-position: -180px -72px}span.icon92{background-position: -198px -72px}span.icon93{background-position: -216px -72px}span.icon94{background-position: -234px -72px}span.icon95{background-position: -252px -72px}span.icon96{background-position: -270px -72px}span.icon97{background-position: -288px -72px}span.icon98{background-position: -306px -72px}span.icon99{background-position: -324px -72px}span.icon100{background-position: -342px -72px}span.icon101{background-position: -0px -90px}span.icon102{background-position: -18px -90px}span.icon103{background-position: -36px -90px}span.icon104{background-position: -54px -90px}span.icon105{background-position: -72px -90px}span.icon106{background-position: -90px -90px}span.icon107{background-position: -108px -90px}span.icon108{background-position: -126px -90px}span.icon109{background-position: -144px -90px}span.icon110{background-position: -162px -90px}span.icon111{background-position: -180px -90px}span.icon112{background-position: -198px -90px}span.icon113{background-position: -216px -90px}span.icon114{background-position: -234px -90px}span.icon115{background-position: -252px -90px}span.icon116{background-position: -270px -90px}span.icon117{background-position: -288px -90px}span.icon118{background-position: -306px -90px}span.icon119{background-position: -324px -90px}span.icon120{background-position: -342px -90px}span.icon121{background-position: -0px -108px}span.icon122{background-position: -18px -108px}span.icon123{background-position: -36px -108px}span.icon124{background-position: -54px -108px}span.icon125{background-position: -72px -108px}span.icon126{background-position: -90px -108px}span.icon127{background-position: -108px -108px}span.icon128{background-position: -126px -108px}span.icon129{background-position: -144px -108px}span.icon130{background-position: -162px -108px}span.icon131{background-position: -180px -108px}span.icon132{background-position: -198px -108px}span.icon133{background-position: -216px -108px}span.icon134{background-position: -234px -108px}span.icon135{background-position: -252px -108px}span.icon136{background-position: -270px -108px}span.icon137{background-position: -288px -108px}span.icon138{background-position: -306px -108px}span.icon139{background-position: -324px -108px}span.icon140{background-position: -342px -108px}span.icon141{background-position: -0px -126px}span.icon142{background-position: -18px -126px}span.icon143{background-position: -36px -126px}span.icon144{background-position: -54px -126px}span.icon145{background-position: -72px -126px}span.icon146{background-position: -90px -126px}span.icon147{background-position: -108px -126px}span.icon148{background-position: -126px -126px}span.icon149{background-position: -144px -126px}span.icon150{background-position: -162px -126px}span.icon151{background-position: -180px -126px}span.icon152{background-position: -198px -126px}span.icon153{background-position: -216px -126px}span.icon154{background-position: -234px -126px}span.icon155{background-position: -252px -126px}span.icon156{background-position: -270px -126px}span.icon157{background-position: -288px -126px}span.icon158{background-position: -306px -126px}span.icon159{background-position: -324px -126px}span.icon160{background-position: -342px -126px}span.icon161{background-position: -0px -144px}span.icon162{background-position: -18px -144px}span.icon163{background-position: -36px -144px}span.icon164{background-position: -54px -144px}span.icon165{background-position: -72px -144px}span.icon166{background-position: -90px -144px}span.icon167{background-position: -108px -144px}span.icon168{background-position: -126px -144px}span.icon169{background-position: -144px -144px}span.icon170{background-position: -162px -144px}span.icon171{background-position: -180px -144px}span.icon172{background-position: -198px -144px}span.icon173{background-position: -216px -144px}span.icon174{background-position: -234px -144px}span.icon175{background-position: -252px -144px}span.icon176{background-position: -270px -144px}span.icon177{background-position: -288px -144px}span.icon178{background-position: -306px -144px}span.icon179{background-position: -324px -144px}span.icon180{background-position: -342px -144px}span.icon181{background-position: -0px -162px}span.icon182{background-position: -18px -162px}span.icon183{background-position: -36px -162px}span.icon184{background-position: -54px -162px}span.icon185{background-position: -72px -162px}span.icon186{background-position: -90px -162px}span.icon187{background-position: -108px -162px}span.icon188{background-position: -126px -162px}span.icon189{background-position: -144px -162px}span.icon190{background-position: -162px -162px}span.icon191{background-position: -180px -162px}span.icon192{background-position: -198px -162px}span.icon193{background-position: -216px -162px}span.icon194{background-position: -234px -162px}span.icon195{background-position: -252px -162px}span.icon196{background-position: -270px -162px}span.icon197{background-position: -288px -162px}span.icon198{background-position: -306px -162px}span.icon199{background-position: -324px -162px}span.icon200{background-position: -342px -162px}span.icon201{background-position: -0px -180px}span.icon202{background-position: -18px -180px}span.icon203{background-position: -36px -180px}span.icon204{background-position: -54px -180px}span.icon205{background-position: -72px -180px}span.icon206{background-position: -90px -180px}span.icon207{background-position: -108px -180px}span.icon208{background-position: -126px -180px}span.icon209{background-position: -144px -180px}span.icon210{background-position: -162px -180px}
</style>
<link rel="stylesheet" type="text/css" media="screen" href="css/div.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/des.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/g_stile.css">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="main">
  <div class="left_area">
    <div id="box">
      <textarea name="docel" id="docel"   spellcheck="true"></textarea>
    </div>
  </div>
  <div class="right_area">
    <div class="buttons" >
      <button>
      <input   id="speechel" x-webkit-speech="" speech="speec" onspeechchange="speakadd();" onwebkitspeechchange="speakadd();">
      <span class="icon icon129"></span>
      </button>
      <button  id="rembtn" class="button" onClick="rem_speech();" value="←" ><span class="icon icon188"></span></button>
      <button  id="dotbtn"  class="button" onclick="add_punct(this);" value="."><span class="label punct">.</span></button>
      <button  id="commabtn"  class="button" onclick="add_punct(this);" value=","><span class="label punct">,</span></button>
      <button  id="questionbtn"  class="button" onclick="add_punct(this);" value="?"><span class="label punct">?</span></button>
      <button  id="carbtn"  class="button" onclick="add_punct(this);" value="\n"><span class="icon icon204"></span></button>
    </div>
  </div>
</div>
<div  class="footer">
  <div class="left_ftr_area">
    <div class="buttons">
      <button  id="love" class="button" onclick="add_logo(this);" value="♥" ><span class="icon icon104"></span></button>
      <button class="button left">
      <input type="checkbox" class="chec_btn" id="chkcap_btn" checked >
      </button>
      <button class="button middle">
      <input type="checkbox" class="chec_btn" id="chkpunct_btn" checked >
      </button>
      <button class="button right">
      <input type="checkbox" class="chec_btn" id="chkcur_btn"  >
      </button>
      <button class="button"><span class="icon icon197"></span>
      <select id="lang"  onchange=" document.getElementById('speechel').setAttribute('lang', this.options[this.selectedIndex].value)">
        <option value="af">Afrikaans</option>
        <option value="eu">Basque</option>
        <option value="bg">Bulgarian</option>
        <option value="ca">Catalan</option>
        <option value="ar">Arabic</option>
        <option value="cs">Czech</option>
        <option value="nl">Dutch</option>
        <option value="en-AU">English (Australia)</option>
        <option value="en-CA">English (Canada)</option>
        <option value="en-IN">English (India)</option>
        <option value="en-NZ">English (New Zealand)</option>
        <option value="en-ZA">English (South Africa)</option>
        <option value="en-GB">English (Great Britain)</option>
        <option value="en-US">English (USA)</option>
        <option value="fi">Finnish</option>
        <option value="fr">French</option>
        <option value="de">German</option>
        <option value="iw">Hebrew</option>
        <option value="hu">Hungarian</option>
        <option value="is">Icelandic</option>
        <option value="it">Italian </option>
        <option value="id">Indonesian</option>
        <option value="ja">Japanese</option>
        <option value="ko">Korean</option>
        <option value="la">Latin</option><option value="zh-HK">Chinese (Hong Kong)</option>
        <option value="zh-CN">Chinese (PRC)</option>
        <option value="zh-TW">Chinese (Taiwan)</option>
        <option value="zh-cmn">Mandarin Chinese</option>
        <option value="zh-cmn-CN">Mandarin Chinese (PRC)</option>
        <option value="zh-cmn-TW">Mandarin Chinese (Taiwan)</option>
        <option value="ms">Malaysian </option>
        <option value="no">Norwegian</option>
        <option value="pl">Polish</option>
        <option value="xx-piglatin">Pig Latin (Igpay Atinlay)</option>
        <option value="pt-BR">Portuguese (Brazilian)</option>
        <option value="pt_PT">Portuguese (European)</option>
        <option value="ro">Romanian</option>
        <option value="ru">Russian</option>
        <option value="sr">Serbian </option>
        <option value="sk">Slovak</option>
        <option value="es">Spanish</option>
        <option value="gl">Galician</option>
        <option value="sv">Swedish</option>
        <option value="tr">Turkish</option>
        <option value="zu">Zulu</option>
      </select>
      </button>
    </div>
  </div>
  <div class="right_ftr_area">
    <div class="buttons" >
    <button  id="clear" class="button" onclick="clearContents(docel);" value="x" ><span class="icon icon186"></span></button>
      <button  id="capbtn" class="button" onclick="add_cap();" value="⇑" ><span class="icon icon201"></span></button>
      <button  id="smile" class="button" onclick="add_punct(this);" value=":)"><span class="icon icon77"></span></button>
      <button  id="asteroid"  class="button" onclick="add_punct(this);" value="*"><span class="label punct">*</span></button>
      <button  id="qoutesbtn"  class="button" onclick="add_punct(this);" value="&quot;"><span class="label punct">"</span></button>
      <button  id="colonbtn"  class="button" onclick="add_punct(this);" value=":"><span class="label punct">:</span></button>
      <button  id="semicolonbtn"  class="button" onclick="add_punct(this);" value=";"><span class="label punct">;</span></button>
      <button  id="dashbtn"  class="button" onclick="add_punct(this);" value="-"><span class="label punct">-</span></button>
      <button  id="exclamationbtn"  class="button" onclick="add_punct(this);" value="!"><span class="label punct">!</span></button>
      <button  id="copy_button" class="button" onClick="SelectAll('docel');"><span class="icon icon44"></span></button>
  </div>
  </div>
</div>
</body>
</html>
